<template>
  <f7-page>
    <!-- 导航栏 -->
    <qm-currentcy-navbar title="代办事项">
      <template #nav-right>
        <f7-icon f7="ellipsis"></f7-icon>
      </template>
    </qm-currentcy-navbar>
    <f7-block class="product-status-list">
      <qm-product-status v-for="i in 5" :key="i" titleAfter="2021/09/30"></qm-product-status>
    </f7-block>
  </f7-page>
</template>

<script>
export default {
  name: "product-status-list"
}
</script>

<style lang="less" scoped>
.product-status-list {
  margin: 0;
  padding: calc(30px * var(--ratio)) calc(20px * var(--ratio));
  min-height: calc(100vh - (88px * var(--ratio)));
  background-color: #F7F9FC;
}
::v-deep .page-content {
  padding-top: calc(88px * var(--ratio))
}
</style>